<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SOP管理</title>
</head>
<body>
<div class="layui-fluid layui-anim brand-anim" id="robot-sop" lay-title="SOP管理">
    <div class="layui-row brand-container">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body brand-table-full">
                    <form class="layui-form layui-table-form" lay-filter="sop-query-form" id="sop-query">
                        <div class="layui-row">
                            <div class="layui-col-md10">
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label layui-form-label-sm" style="width:100px;">SOP标题</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="title" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>

                                    <div class="layui-inline">
                                        <label class="layui-form-label layui-form-label-sm">类别</label>
                                        <div class="layui-input-inline"  id="categoryListContainer">

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2 layui-col-sm12 layui-col-xs12 table-action-area">
                                <div class="layui-btn layui-btn-sm layui-btn-primary table-action" id="query" title="搜索">
                                    <i class="layui-icon">&#xe615;</i>
                                </div>
                                <div class="layui-btn layui-btn-sm layui-btn-primary" id="reset" title="重置">
                                    <i class="layui-icon">&#xe669;</i>
                                </div>
                                <div class="layui-btn layui-btn-sm layui-btn-primary table-action" id="addSop" title="添加SOP">
                                    <i class="layui-icon">&#xe624;</i>
                                </div>
                            </div>
                        </div>
                    </form>
                    <table lay-filter="sopTable" id="sopTable">

                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/html" id="categoryListTpl" >
    <select  id="categoryId" name="categoryId" lay-search=""  lay-filter="categoryId" size="5">
        <option value="">直接选择或搜索选择</option>
        {{# layui.each(d,function(index,item){ }}
        <option value="{{item.id}}">{{item.categoryName}}</option>
        {{#  }); }}
    </select>
</script>

<script type="text/html" id="deleteTpl">
    {{# if(d.isDelete == 0){ }}
    <input type="checkbox" name="isDelete" lay-filter="isDelete" value="{{ d.id }}" lay-skin="switch" lay-text="启用|弃用" checked >
    {{# }else{ }}
    <input type="checkbox" name="isDelete" lay-filter="isDelete" lay-skin="switch" lay-text="启用|弃用" value="{{ d.id }}">
    {{# } }}
</script>

<script type="text/html" id="oper-option">
    <a lay-event="detail" title="查看"><i class="layui-icon lovexian-edit-area brand-green">&#xe7a5;</i></a>
    <a lay-event="edit" title=" 编辑SOP"><i class="layui-icon brand-edit-area brand-blue">&#xe642;</i></a>
<!--    <a lay-event="del" title="删除配置"><i class="layui-icon brand-edit-area brand-red">&#xe640;</i></a>-->
</script>
<script>
    layui.use('sop/sop', layui.factory('sop/sop'));
</script>